﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-user"></i>Registro de Estudiante
        </h3>
    </div>
    <div class="panel-body">
        <div class="container-fluid">
            <div class="stepwizard">
                <div class="stepwizard-row">
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-primary btn-circle">1</button>
                        <p>Datos Generales</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle" disabled="disabled">2</button>
                        <p>Datos del Representante</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle" disabled="disabled">3</button>
                        <p>Matriculación</p>
                    </div>

                </div>
            </div>
            <form class="form-horizontal" role="form">
                <div class="panel-body" id="datosEstudiante">

                    <input type="hidden" name="id" id="id" value="{{Id}}" />
                    <input type="hidden" id="representante" value="{{Representante}}" />
                    <div class="form-group" id="nombreGroup">
                        <label for="inputNombre" class="col-sm-2 control-label">Nombre</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputNombre" placeholder="Nombre" value="{{Nombre}}" data-toggle="tooltip" data-placement="right" title="Ingrese el nombre requerido / Solo letras" required="required" maxlength="50">
                        </div>
                    </div>
                    <div class="form-group" id="apellidoGroup">
                        <label for="inputApellido" class="col-sm-2 control-label">Apellido</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputApellido" placeholder="Apellido" value="{{Apellido}}" data-toggle="tooltip" data-placement="right" title="Ingrese el apellido requerido / Solo letras" required="required" maxlength="50">
                        </div>
                    </div>
                    <div class="form-group" id="direccionGroup">
                        <label for="inputDireccion" class="col-sm-2 control-label">Dirección</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputDireccion" placeholder="Direccion" value="{{Direccion}}" data-toggle="tooltip" data-placement="right" title="Ingrese la dirección" maxlength="70">
                        </div>
                    </div>
                    <div class="form-group" id="telefonoGroup">
                        <label for="inputTelefono" class="col-sm-2 control-label">Teléfono</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputTelefono" placeholder="Telefono" value="{{Telefono}}" data-toggle="tooltip" data-placement="right" title="Ingrese el número de télefono / Solo números">
                        </div>
                    </div>
                    <div class="form-group" id="correoGroup">
                        <label for="inputCorreo" class="col-sm-2 control-label">Correo Eléctronico</label>
                        <div class="col-sm-9" >
                            <input type="email" class="form-control" id="inputCorreo" placeholder="Correo" value="{{Correo}}" data-toggle="tooltip" data-placement="right" title="Ingrese el correo eléctronico" maxlength="50">
                        </div>
                    </div>

                    <div class="form-group" id="usuarioGroup">
                        <label for="inputUsuario" class="col-sm-2 control-label">Usuario</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputUsuario" placeholder="Usuario" value="{{Usuario}}" data-toggle="tooltip" data-placement="right" title="Ingrese su usuario" maxlength="256">
                        </div>
                    </div>

                    <div class="container-fluid">
                        <div class=" col-sm-offset-5 col-sm-1">
                            <a id="cancelar" class="btn btn-primary" href="/estudiantes" style="text-align: left"><i class="fa fa-remove"></i>Cancelar</a>
                        </div>
                        <div class="col-sm-1">
                            <a id="nextstep" class="btn btn-primary nextstep" href="#" style="text-align: left"><i class="fa fa-hand-o-right"></i>Siguiente</a>
                        </div>
                    </div>
                    <a href="#" id="navigationButton" style="visibility: hidden"></a>
                </div>
            </form>
        </div>
    </div>
</div>

